<template>
  <div class="container">
    <div class="ui-title">基础用法</div>
    <nav-bar></nav-bar>

    <div class="ui-title">自定义右文字</div>
    <nav-bar right-text="文字"></nav-bar>

    <div class="ui-title">自定义右侧按钮</div>
    <nav-bar>
      <i class="iconfont" slot="right" style="font-size: 25px">&#xe605;</i>
    </nav-bar>
  </div>
</template>

<script>
import NavBar from "../../components/nav-bar";
export default {
  components: {
    NavBar,
  },
  data() {
    return {
    };
  },
  methods: {
    
  },
};
</script>


<style lang="scss" scoped>
.container {
  min-height: 100vh;
  background: #f7f8fa;
  padding-bottom: 20px;
}
</style>